/*buttons*/
button{
	color:whitesmoke;
	border:none;
	padding:3px 12px;
	text-transform:uppercase;
	font-size:11px;
	box-shadow:2px 2px 4px rgb(214, 214, 214);
	cursor:pointer;
	margin:3px;
	vertical-align:top;
}
button.small{
	padding:2px 7px;
	font-size:10px;
}
button:hover{
	box-shadow:3px 3px 6px rgb(194, 194, 194);
	color:white;
}
button:active{
	margin-top:4px;
	margin-bottom:0px;
}
/*save + go*/
form.widget-form button[name=save],form.widget-form button[name=go]{
	display:none;
}
form.widget-form button[name=go]{display:inline-block;}

/*cancel*/
form.widget-form button[name=cancel]{
	float:right;
	display:none;
}

/*delete*/
form.widget-form button[name=delete]{
	float:left;
	display:inline-block;
}
form.widget-form button[name=delete].confirm{
	float:right;
	content:"Really Delete?";
}
form.widget-form button[name=delete]:hover{background-color:#696969;}
.edit button[name=delete]{
	display:none;
}
/*button area*/
.buttons{
	padding:4px 6px 0px 6px;
	height:30px;
	background-color:rgb(245,245,245);
	border-top:1px solid #dddddd;
	margin-top:-1px;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
}
.buttons.small{
	padding:2px 6px 0px 6px;
	height:25px;
}

/*button positions*/
button.left{float:left;}
button.right{float:right;}

/*buttons by color*/
button{background-color:#9CACBD;}
button:hover{background-color:#7E88A0;}

button.red{background-color:rgb(219,124,124);}
button.red:hover{background-color:rgb(241, 112, 112);}

button.blue{background-color:rgb(124, 170, 219);}
button.blue:hover{background-color:rgb(86, 164, 247);}

button.grey{background-color:#AFAAAA;}
button.grey:hover{background-color:#888888;}

button.yellow{background-color:#DAC55A;}
button.yellow:hover{background-color:#E7CE19;}